<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title langWord="t:Product_All_Products"></title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="../../resources/css/mui.css">
    <link rel="stylesheet" href="../../resources/css/style.css">
    <link rel="stylesheet" href="../../resources/css/product/allproducts.css">
    <script src="../../resources/assets/mui.js"></script>
    <script src="../../resources/assets/avalon.js"></script>
    <script src="../../resources/assets/jquery-2.0.3.min.js"></script>
    <script src="../../resources/js/lang/en.js"></script>
    <script src="../../resources/js/dahua.config.js"></script>
    <script src="../../resources/js/common.js"></script>
    <script src="../../resources/js/product/allproducts.js"></script>
</head>

<body ms-controller="categoryPage">

    <input type="hidden" value="" id="uid" />
    <!--头部-->
    <header class="mui-bar mui-bar-nav header">
        <a class="mui-icon mui-icon-white ml5" href="../product/category.html">
            <i class="mui-action-back mui-icon mui-icon-left-nav mui-icon-white left_back" style="margin-top:-10px;"></i>
        </a>
        <h1 id="title" class="mui-title">
            <span langWord="t:Product_All_Products">All Products</span>
        </h1>
        <a class="mui-icon mui-pull-right mui-icon-white mr5" href="../message/list.html">
            <img src="../../resources/images/icon-message.png" alt="">
        </a>
    </header>

    <div class="mui-content whitebg">
        <!-- category-list -->
        <div class="category">
            <div class="mui-scroll-wrapper">
                <div class="mui-scroll">
                    <!-- 真是DOM元素 -->
                    <ul class="mui-table-view category-all">
                        <li class="mui-table-view-cell" ms-for="(i,item) in @categorys">
                            <a ms-attr="{href:'#item_'+@item.id,id:@item.id}" ms-html="@item.name">Item1</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- list -->
        <div class="list" id="category">
            <div class="mui-scroll-wrapper">
                <div class="mui-scroll">
                    <!-- 真是DOM元素 -->
                    <div class="mui-row products-img" ms-class="{'mui-hidden':@categorylist.length==0}">
                        <div class="mui-col-xs-12">
                            <div class="head">
                                <span>----- </span>
                                <i class="icon_filter" langWord="t:Menu">menu</i>
                                <span> -----</span>
                            </div>
                            <div class="mui-col-xs-11 product_box" ms-for='(i,category) in @categorylist'>
                                <a class="mui-table-cell vm" ms-attr="{href:'list.html?cid='+@category.id}">
                                    <img ms-class="{'mui-hidden': (null == @category.image)}" ms-attr="{src: @category.image}">
                                    <p class="category-name" ms-html="@category.name"></p>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

    <!--底部导航-->
    <footer class="mui-bar mui-bar-tab footer">
        <a id="defaultTab" data-id="1" class="mui-tab-item mui-active" href="category.html">
            <span class="mui-icon icon icon_product active"></span>
            <span class="mui-tab-label" langWord="t:index_Product">Product</span>
        </a>
        <a class="mui-tab-item" href="../solution/category.html">
            <span class="mui-icon icon icon_solution"></span>
            <span class="mui-tab-label" langWord="t:index_Solution">Solution</span>
        </a>
        <a id="partner" class="mui-tab-item mui-hidden" href="../partner/index.html">
            <span class="mui-icon icon icon_partner"></span>
            <span class="mui-tab-label" langWord="t:index_Partner">Partner</span>
        </a>
        <a class="mui-tab-item" href="../user/user.html">
            <span class="mui-icon icon icon_usercenter"></span>
            <span class="mui-tab-label" langWord="t:index_User_Center">User Center</span>
        </a>
    </footer>
</body>

</html>